<template>
    <div>
        <h3>1.普通按钮</h3>
        <le-button>aaa</le-button>
        <h3>2.加载中按钮</h3>
        <le-button :loading="true">bbb</le-button>
        <h3>3.禁用按钮</h3>
        <le-button :disabled="true">ccc</le-button>
        <h3>4.icon图标按钮</h3>
        <le-button type="primary" icon="el-icon-edit"></le-button>
        <h3>5.按钮组group</h3>
        <le-button-group>
             <le-button type="primary" icon="le-icon-arrow-left">上一页</le-button>
             <le-button type="primary">下一页<i class="le-icon-arrow-right le-icon--right"></i></le-button>
        </le-button-group>
        <le-button-group>
            <le-button type="primary" icon="el-icon-edit"></le-button>
            <le-button type="primary" icon="el-icon-share"></le-button>
            <le-button type="primary" icon="el-icon-delete"></le-button>
        </le-button-group>
    </div>
</template>

<script>
import LeButton from '@/components/button/le-button.vue'
import LeButtonGroup from '@/components/button/le-button-group.vue'
    export default {
    components: { LeButton,LeButtonGroup },
        
    }
</script>

<style lang="scss" scoped>

</style>